// 函数组件的执行原理

import React from "react"
import ReactDOM from "react-dom/client"
import { DemoOne } from "./views/DemoOne"

import { jsx as _jsx } from "react/jsx-runtime"

const root = ReactDOM.createRoot(document.getElementById("root"))

root.render(
    <>
        <DemoOne title="我是标题" data={[100, 200]} className="box" style={{ fontSize: "20px" }}>
            <span slot="header">我是页眉</span>
            <span>你好啊  React</span>
            <span slot="footer">我是页脚</span>
        </DemoOne>

        <DemoOne title="我是标题">
            <span>你好啊</span>
        </DemoOne>
    </>
)

// console.log(
//     _jsx(DemoOne, {
//         title: "\u6211\u662F\u6807\u9898",
//         data: [100, 200],
//         className: "box",
//         style: {
//           fontSize: '20px'
//         }
//       })
// );

// 对象的规则设置

let obj = {
    a: 1,
    b: 42,
}
// 一、冻结
//   Object.freeze(obj)
//   Object.isFrozen(obj)
//   obj.a=12  // 报错
//   obj.z = 22 //报错
//   delete obj.b // 报错

// 二、 密封
// Object.seal(obj)
// Object.isSealed(obj)

// obj.a = 22 // 正确
// obj.z =34 //报错
// delete obj.b // 报错

// 三、 括展
// Object.preventExtensions(obj)
// Object.isExtensible(obj)

// obj.z =3  // 报错
// obj.a = 20
// delete obj.b
// console.log(obj);
